<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>健康食品-享购网-品质生活 精选购物</title>
    <link href="/images/favicon.ico" type="image/x-icon" rel=icon>
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/list.css">
</head>
<body>
    <!-- header -->
    <div class="header"></div>
    <!-- banner -->
    <div class="list_banner">
        <a href="#">
            <img src="/images/list/jksp.jpg" alt="">
        </a>
    </div>
    <!-- 二级导航 -->
    <div class="sort">
        <ul class="category_list">
            <li class="category_name category_name1"><a href="#">生活用品</a></li>
            <li class="category_name category_name2"><a href="#">健康食品</a></li>
            <li class="category_name category_name3"><a href="#">母婴用品</a></li>
            <li class="category_name category_name4"><a href="#">时尚臻藏</a></li>
            <li class="category_name category_name5"><a href="#">智能科技</a></li>
            <li class="category_name category_name6"><a href="#">精品套装</a></li>
            <li class="category_name category_name7"><a href="#">VIP专区</a></li>
        </ul>
        <div class="category_select">
            <a href="#">发布时间</a>
            <img src="/images/list/desc.png" alt="">
        </div>
    </div>
    <!-- 商品列表 -->
    <div class="goodsbrand_word">
        <a href="/index.html">健康食品</a>&nbsp;>&nbsp;<a href="#">全部</a>
    </div>
    <!-- goodsbrand_body -->
    <div class="goodsbrand_body">
        <div class="goodsbrand_content"></div>
        <script type="text/html" id="goods_temp">
            {{each list curr index}}
            <div class="_details">
                <a href="/html/detail.html">
                      <img src="{{curr.img_url}}" class="img-responsive" alt=""/>
                      <h3>{{curr.desc}}</h3>
                      <p class="_price">￥{{curr.price}}</p>
                      <h4>已售{{curr.sell}}件</h4>
                </a>
                <a href="/html/detail.html">
                    <div class="pvw">
                        <p class="price">￥{{curr.price}}</p>
                        <p class="desc">{{curr.desc}}</p>
                    </div>
                </a>
            </div>
            {{/each}}
        </script>
        <div class="pager">	
            <div class="pagerBox">
                <ul>
                    <li class="num fixp"><a href="/html/list.html">首页</a></li>
                    <li class="prev"><a href="#">上一页</a></li>
                    <li class="num current"><span>1</span></li>
                    <li class="num"><a href="#">2</a></li>
                    <li class="num"><a href="#">3</a></li>
                    <li class="num"><a href="#">4</a></li>
                    <li class="next"><a href="#">下一页</a></li>
                    <li class="num fixp"><a href="#">末页</a></li>
                    <li class="count">共4页</li>
                </ul>
                <input type="hidden" id="list_mid" value=""/>
                    <div class="jumptopage">
                        <i class="switch">&nbsp;|&nbsp;跳转到第</i>
                        <input type="text" id="gotoPage" name="gotoPageNo" value="1">
                        <input type="hidden" id="maxPage" value="4">
                        <input type="hidden" id="currentUrl" value="#" name="currentUrl" >
                        <i class="ym">页</i>
                    </div>
                <button class="confirm" onclick="jumptopage(4)">确认</button>
            </div>
        </div>
    </div>
    <!-- footer -->
    <div class="ifooter"></div>
    <script src="/js/jquery.min.js"></script>
    <script src="/lib/requirejs/require.js" data-main="/js/list.js"></script>
</body>
</html>